<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="shortcut icon" href="#" />
	<link rel="stylesheet" type="text/css" href="{{pluResPath}}html/covid19Real/covid19Real.css" />
	<link rel="preload" href="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js" as="script" />
</head>

<body>
	<div class="container" id="container">
		<div class="title">
			<div class="area">
				<span>地区：{{areaname}}</span>
				<div class="time">
					<span>更新至 {{time}}</span>
				</div>
			</div>
		</div>

		<div class="all">
			<div class="contentp">
				<div class="item">
					<p>现有确诊</p>
					<p class="itemdown" style="color: #ff6a57">{{nowConfirm}}</p>
				</div>
				<div class="item">
					<p>新增本土</p>
					<p class="itemdown" style="color: #ff6a57">{{confirmtoday}}</p>
				</div>
				<div class="item">
					<p>新增无症状</p>
					<p class="itemdown" style="color: #e86d48">{{wzz}}</p>
				</div>
			</div>
			<div class="contentp">
				<div class="item">
					<p>累计确诊</p>
					<p class="itemdown" style="color: #e83132">{{confirm}}</p>
				</div>
				<div class="item">
					<p>累计治愈</p>
					<p class="itemdown" style="color: #10aeb5">{{heal}}</p>
				</div>
				<div class="item">
					<p>累计死亡</p>
					<p class="itemdown" style="color: #4d5054">{{dead}}</p>
				</div>
			</div>
		</div>

		<div class="data_box">
			<div class="tab_lable">{{chartName1}}</div>
			<div id="chartContainer"></div>
		</div>
		<div class="data_box">
			<div class="tab_lable">{{chartName2}}</div>
			<div id="chartContainer2"></div>
		</div>
		<div class="tips">* 趋势图数据更新至前一日</div>
		{{if bdevents.length>0}}
		<div class="data_box">
			<div class="tab_lable">疫情最新相关情况</div>
			<ul class="timeline">
				{{each bdevents event}}
				<li class="event">
					<h3 class="event_day">{{event.eventTime}}</h3>
					<p>{{event.eventDescription}}</p>
				</li>
				{{/each}}
			</ul>
		</div>
		{{/if}}

		<div class="logo">Created By Yunzai-Bot & suiyue-plugin</div>

	</div>
</body>
<script type="text/javascript" src="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js"></script>
<script>
	const { Line } = G2Plot;

	const chartData1 = JSON.parse(`{{@ chartData1}}`);

	const Line1 = new Line("chartContainer", {
		data: chartData1,
		xField: "date",
		yField: "value",
		animation: false,
		smooth: true,
		padding: [40, 10, 30, 52],
		color: 'rgb(155 11 14)',

	});
	Line1.render();


	const chartData2 = JSON.parse(`{{@ chartData2}}`);

	const Line2 = new Line("chartContainer2", {
		data: chartData2,
		xField: "date",
		yField: "value",
		animation: false,
		smooth: true,
		padding: [40, 10, 30, 52],
		color: '#e57631',

	});
	Line2.render();
</script>

</html>